<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="custom" tagdir="/WEB-INF/tags" %>
<html>
<head>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="/resources/css/style.default.css" rel="stylesheet">
    <link href="/resources/css/jquery.datatables.css" rel="stylesheet">
    <link href="/resources/css/jquery.gritter.css" rel="stylesheet">
    <script src="${contextPath}/resources/js/jquery-1.11.1.min.js"></script>
    <script src="${contextPath}/resources/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="${contextPath}/resources/js/bootstrap.min.js"></script>
    <script src="${contextPath}/resources/js/modernizr.min.js"></script>
    <script src="${contextPath}/resources/js/jquery.sparkline.min.js"></script>
    <script src="${contextPath}/resources/js/jquery.cookies.js"></script>
    <script src="${contextPath}/resources/js/toggles.min.js"></script>
    <script src="${contextPath}/resources/js/retina.min.js"></script>
    <style type="text/css">
        body {
            background: #fff
        }
    </style>
</head>
<body>
<div class="contentpanel">

    <table class="table table-striped dataTable no-footer" id="table2" role="grid" aria-describedby="table2_info">
        <thead>
        <tr role="row">
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="4" colspan="1" aria-sort="ascending">粉丝昵称
            </th>
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="4" colspan="1" aria-sort="ascending">性别
            </th>
            <th class="sorting_asc" tabindex="0" aria-controls="table2"
                rowspan="4" colspan="1" aria-sort="ascending">城市
            </th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${listDto.list}" var="item" varStatus="status">
            <tr class="gradeA ${status.index/2 eq 0?"odd":"even"}">
                <td>
                        ${item.nickname}
                </td>
                <td>
                    <c:if test="${item.sex== '1'}">男</c:if>
                    <c:if test="${item.sex== '0'}">女</c:if>
                    <c:if test="${item.sex== '2'}">未知</c:if>
                </td>
                <td>
                        ${item.city}
                </td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
    <custom:page page="${listDto}"/>
</div>

<script src="${contextPath}/resources/js/jquery.datatables.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#table2').dataTable({
            "bPaginate": false,// 分页按钮
            "bFilter": false,// 搜索栏
            "bLengthChange": false,// 每行显示记录数
            "bInfo": false
        });
    });
</script>
</body>
</html>